﻿<!DOCTYPE html>

<html ng-app="seabattleApp">
<head>
    <meta name="viewport" content="width=device-width" />
    <title>SeaBattle</title>

    <link href="Content/Style/bootstrap.min.css" rel="stylesheet" />

    <script src="Scripts/jquery/jquery-2.1.1.min.js"></script>
    <script src="Scripts/jquery-ui/jquery-ui.min.js"></script>
    
    <script src="Scripts/bootstrap/bootstrap.min.js"></script>

    <script src="Scripts/angular/angular.min.js"></script>
    <script src="Scripts/angular/angular-route.min.js"></script>
    <script src="Scripts/angular/angular-cookies.min.js"></script>
    <script src="Scripts/angular/angular-animate.min.js"></script>

    <script src="Scripts/app/main.js"></script>
    <script src="Scripts/app/route.js"></script>

    <!-- controller -->
    <script src="Scripts/controller/homeController.js"></script>
    <script src="Scripts/controller/deployController.js"></script>

</head>
<body> 
    <div class="container">
        <div>
            <label style="font-size:xx-large">SeaBattle</label>

            <div class="dropdown pull-right">
                <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu" data-toggle="dropdown">
                    Welcome, Dima!
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Log Out</a></li>
                </ul>
            </div>                
        </div>
        
        <div class="text-center">
            <div ng-view class="col-md-12" id="mainplaceholder"></div>
        </div>
    </div>
</body>
</html>
